/* line 5, ../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../Library/Ruby/Gems/2.3.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 3, ../sass/_common.scss */
.flex-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}

/* line 6, ../sass/_common.scss */
.flex-column {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/* line 9, ../sass/_common.scss */
.autoGrow {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

/* line 13, ../sass/_common.scss */
.scrollAuto {
  overflow: auto;
}

/* line 16, ../sass/_common.scss */
.fontGrey {
  color: #999;
}

/* line 19, ../sass/_common.scss */
.font12 {
  font-size: 12px;
}

/* line 22, ../sass/_common.scss */
.font14 {
  font-size: 14px;
}

/* line 25, ../sass/_common.scss */
.pointer {
  cursor: pointer;
}

/* line 28, ../sass/_common.scss */
.textEllipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 33, ../sass/_common.scss */
.clickedSpan {
  color: #01AAED;
  font-size: 12px;
  cursor: pointer;
}

/* line 38, ../sass/_common.scss */
.pageContainer {
  height: 100%;
  overflow: auto;
}

/* line 42, ../sass/_common.scss */
.listItemName {
  font-size: 14px;
  padding-right: 20px;
  background-size: 15px 15px;
  background-position: center right;
  background-repeat: no-repeat;
  width: fit-content;
  margin-bottom: 6px;
}
/* line 50, ../sass/_common.scss */
.listItemName.male {
  background-image: url('/images/male.png');
}

/* line 4, ../sass/service.scss */
.serviceContainer {
  height: 100%;
}
/* line 6, ../sass/service.scss */
.serviceContainer .layui-tab {
  margin: 0;
}
/* line 9, ../sass/service.scss */
.serviceContainer .layui-tab-content {
  overflow: auto;
}
/* line 12, ../sass/service.scss */
.serviceContainer .listTitle {
  height: 36px;
  line-height: 36px;
}
/* line 16, ../sass/service.scss */
.serviceContainer .serviceList {
  width: 180px;
  height: 100%;
  border-right: 1px solid #ccc;
  background: #e3e3e3;
}
/* line 21, ../sass/service.scss */
.serviceContainer .serviceList .serviceTitle {
  font-size: 16px;
  padding: 0 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 25, ../sass/service.scss */
.serviceContainer .serviceList .serviceNumer {
  font-size: 12px;
  color: #999;
  margin-bottom: 8px;
  padding: 0 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 31, ../sass/service.scss */
.serviceContainer .serviceList .addAccountBox {
  text-align: center;
  margin: 16px 0;
}
/* line 35, ../sass/service.scss */
.serviceContainer .serviceList .addAccount {
  width: 72px;
}
/* line 39, ../sass/service.scss */
.serviceContainer .messageList {
  width: 180px;
  height: 100%;
  border-right: 1px solid #ccc;
  background: #e6e6e6;
  position: relative;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 46, ../sass/service.scss */
.serviceContainer .messageList .alwaysTopMessage {
  background: #f1f1f1;
}
/* line 49, ../sass/service.scss */
.serviceContainer .messageList .chatTitle {
  font-size: 14px;
  padding: 0 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
/* line 54, ../sass/service.scss */
.serviceContainer .messageList .chatTitle .layui-form-item {
  margin-bottom: 0;
}
/* line 57, ../sass/service.scss */
.serviceContainer .messageList .chatTitle .layui-form input {
  background: transparent;
  border: none;
  outline: none;
  width: 115px;
  padding-left: 0;
}
/* line 65, ../sass/service.scss */
.serviceContainer .messageList .chatOperate {
  -webkit-align-items: center;
  align-items: center;
  padding: 0 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 20px;
}
/* line 70, ../sass/service.scss */
.serviceContainer .messageList .chatSearch {
  width: 100px;
  height: 20px;
  line-height: 20px;
  margin-right: 4px;
  font-size: 12px;
}
/* line 77, ../sass/service.scss */
.serviceContainer .messageList .toggleList {
  position: absolute;
  bottom: 2px;
  font-size: 26px;
  color: #33ab9f;
  z-index: 1;
}
/* line 84, ../sass/service.scss */
.serviceContainer .messageList .showList {
  left: -30px;
  transform: rotate(180deg);
}
/* line 88, ../sass/service.scss */
.serviceContainer .messageList .dragLine {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #bbb;
  cursor: col-resize;
}
/* line 98, ../sass/service.scss */
.serviceContainer .chatContainer {
  flex-grow: 1;
  background: #f1f1f1;
  border-right: 1px solid #ccc;
  height: 100%;
}
/* line 103, ../sass/service.scss */
.serviceContainer .chatContainer .messageTitle {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}
/* line 110, ../sass/service.scss */
.serviceContainer .chatContainer .messageTitle .setVip {
  margin-left: 6px;
}
/* line 113, ../sass/service.scss */
.serviceContainer .chatContainer .messageTitle .setVip, .serviceContainer .chatContainer .messageTitle .shieldMessage {
  color: #01AAED;
  font-size: 12px;
}
/* line 118, ../sass/service.scss */
.serviceContainer .chatContainer .messageTools {
  height: 38px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  position: relative;
  padding-right: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
}
/* line 125, ../sass/service.scss */
.serviceContainer .chatContainer .messageTools .tools {
  padding: 10px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 129, ../sass/service.scss */
.serviceContainer .chatContainer .messageTools .tools .toolsIcon {
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 12px;
}
/* line 137, ../sass/service.scss */
.serviceContainer .chatContainer .messageTools .tools .sendEmoji {
  background-image: url('/images/emoji.png');
}
/* line 140, ../sass/service.scss */
.serviceContainer .chatContainer .messageTools .tools .sendFile {
  background-image: url('/images/file.png');
  position: relative;
}
/* line 143, ../sass/service.scss */
.serviceContainer .chatContainer .messageTools .tools .sendFile input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
/* line 152, ../sass/service.scss */
.serviceContainer .chatContainer .messageTools .tools .findHistory {
  background-image: url('/images/history.png');
}
/* line 156, ../sass/service.scss */
.serviceContainer .chatContainer .messageTools .emojiContainer {
  position: absolute;
  bottom: 36px;
  left: 0;
  width: 100%;
  height: 190px;
  border: 1px solid #ccc;
  background: #fff;
  overflow: auto;
  padding: 12px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 167, ../sass/service.scss */
.serviceContainer .chatContainer .messageTools .emojiContainer .face {
  cursor: pointer;
  float: left;
  border: 1px solid #e8e8e8;
  height: 22px;
  width: 26px;
  overflow: hidden;
  margin: -1px 0 0 -1px;
  padding: 4px 2px;
  text-align: center;
}
/* line 178, ../sass/service.scss */
.serviceContainer .chatContainer .messageTools .emojiContainer img {
  width: 22px;
  height: 22px;
}
/* line 184, ../sass/service.scss */
.serviceContainer .chatContainer .textContainer {
  height: 160px;
  position: relative;
  background: #fff;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
/* line 189, ../sass/service.scss */
.serviceContainer .chatContainer .textContainer .textBox {
  resize: none;
  width: 100%;
  border: none;
  font-size: 12px;
  outline: none;
  font-size: 14px;
  line-height: 22px;
  padding: 6px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 199, ../sass/service.scss */
.serviceContainer .chatContainer .textContainer .sendMessage {
  margin: 4px 8px 12px 0;
  width: 54px;
}
/* line 203, ../sass/service.scss */
.serviceContainer .chatContainer .textContainer .emoji {
  width: 22px;
  height: 22px;
}
/* line 209, ../sass/service.scss */
.serviceContainer .userDetail {
  padding: 24px;
  -webkit-align-items: center;
  align-items: center;
}
/* line 212, ../sass/service.scss */
.serviceContainer .userDetail .profile {
  width: 380px;
  margin: 80px 0 32px 0;
  padding-bottom: 32px;
  border-bottom: 1px solid #e8e8e8;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
/* line 219, ../sass/service.scss */
.serviceContainer .userDetail .profile span {
  font-size: 24px;
}
/* line 222, ../sass/service.scss */
.serviceContainer .userDetail .profile .userGender {
  width: 20px;
  height: 20px;
}
/* line 226, ../sass/service.scss */
.serviceContainer .userDetail .profile .userAvatar {
  width: 60px;
  height: 60px;
}
/* line 231, ../sass/service.scss */
.serviceContainer .userDetail .detail {
  width: 380px;
  font-size: 16px;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #e8e8e8;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
/* line 238, ../sass/service.scss */
.serviceContainer .userDetail .detail div {
  margin: 12px 0;
}
/* line 240, ../sass/service.scss */
.serviceContainer .userDetail .detail div .fontGrey {
  display: inline-block;
  width: 60px;
}
/* line 246, ../sass/service.scss */
.serviceContainer .userDetail .sendMessage {
  width: 120px;
  background: #1AAD19;
}
/* line 251, ../sass/service.scss */
.serviceContainer .infoContainer {
  width: 230px;
  height: 100%;
  background: #f5f5f5;
  overflow: auto;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 257, ../sass/service.scss */
.serviceContainer .infoContainer .fontGrey {
  margin-right: 6px;
}
/* line 260, ../sass/service.scss */
.serviceContainer .infoContainer .userProfile {
  padding: 36px 12px 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 12px;
}
/* line 264, ../sass/service.scss */
.serviceContainer .infoContainer .userProfile .avatar {
  width: 40px;
  height: 40px;
  background: #33ab9f;
  margin-right: 6px;
}
/* line 270, ../sass/service.scss */
.serviceContainer .infoContainer .userProfile .userBasicInfo {
  font-size: 14px;
  padding-right: 20px;
  background-size: 15px 15px;
  background-position: center right;
  background-repeat: no-repeat;
  width: fit-content;
  margin-bottom: 6px;
}
/* line 279, ../sass/service.scss */
.serviceContainer .infoContainer .userProfile .groupMemberInfo span {
  margin-right: 12px;
}
/* line 282, ../sass/service.scss */
.serviceContainer .infoContainer .userProfile .male {
  background-image: url('/images/male.png');
}
/* line 286, ../sass/service.scss */
.serviceContainer .infoContainer .wxidInfo {
  margin: 8px 0;
  padding: 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
/* line 291, ../sass/service.scss */
.serviceContainer .infoContainer .wxidInfo .copyWxId {
  font-size: 12px;
  color: #1E9FFF;
  cursor: pointer;
}
/* line 297, ../sass/service.scss */
.serviceContainer .infoContainer .sourceInfo, .serviceContainer .infoContainer .groupManager {
  padding: 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 16px;
}
/* line 300, ../sass/service.scss */
.serviceContainer .infoContainer .sourceInfo .fontGrey, .serviceContainer .infoContainer .groupManager .fontGrey {
  display: inline-block;
  width: 40px;
  text-align: right;
}
/* line 306, ../sass/service.scss */
.serviceContainer .infoContainer .groupManager {
  margin: 8px 0;
}
/* line 309, ../sass/service.scss */
.serviceContainer .infoContainer .markTitle, .serviceContainer .infoContainer .labelTitle {
  padding: 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 6px;
}
/* line 315, ../sass/service.scss */
.serviceContainer .infoContainer .markInput {
  margin: 0 12px;
  resize: none;
  height: 54px;
  outline: none;
  margin-bottom: 10px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 323, ../sass/service.scss */
.serviceContainer .infoContainer .labels {
  padding: 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 108px;
  overflow: auto;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 328, ../sass/service.scss */
.serviceContainer .infoContainer .labels span {
  margin: 4px;
  height: 22px;
  line-height: 22px;
  text-align: center;
}
/* line 334, ../sass/service.scss */
.serviceContainer .infoContainer .labels span:hover .labelDelete {
  opacity: 1;
  cursor: pointer;
  transition: opacity 0.3s;
}
/* line 342, ../sass/service.scss */
.serviceContainer .infoContainer .labels .labelDelete {
  opacity: 0;
}
/* line 347, ../sass/service.scss */
.serviceContainer .editServiceDialog, .serviceContainer .editLabelDialog, .serviceContainer .inviteGroupDialog, .serviceContainer .historyDialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 370px;
  height: 300px;
  background: #fff;
  border: 1px solid #ccc;
}
/* line 356, ../sass/service.scss */
.serviceContainer .editServiceDialog .dialogHead, .serviceContainer .editLabelDialog .dialogHead, .serviceContainer .inviteGroupDialog .dialogHead, .serviceContainer .historyDialog .dialogHead {
  height: 40px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  padding: 14px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 366, ../sass/service.scss */
.serviceContainer .editServiceDialog .editForm, .serviceContainer .editLabelDialog .editForm, .serviceContainer .inviteGroupDialog .editForm, .serviceContainer .historyDialog .editForm {
  padding: 0 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 368, ../sass/service.scss */
.serviceContainer .editServiceDialog .editForm .editFormItem, .serviceContainer .editLabelDialog .editForm .editFormItem, .serviceContainer .inviteGroupDialog .editForm .editFormItem, .serviceContainer .historyDialog .editForm .editFormItem {
  margin: 8px 0;
}
/* line 370, ../sass/service.scss */
.serviceContainer .editServiceDialog .editForm .editFormItem .clickedSpan, .serviceContainer .editLabelDialog .editForm .editFormItem .clickedSpan, .serviceContainer .inviteGroupDialog .editForm .editFormItem .clickedSpan, .serviceContainer .historyDialog .editForm .editFormItem .clickedSpan {
  position: relative;
  margin-left: 50px;
  padding: 6px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
/* line 375, ../sass/service.scss */
.serviceContainer .editServiceDialog .editForm .editFormItem .clickedSpan input, .serviceContainer .editLabelDialog .editForm .editFormItem .clickedSpan input, .serviceContainer .inviteGroupDialog .editForm .editFormItem .clickedSpan input, .serviceContainer .historyDialog .editForm .editFormItem .clickedSpan input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
/* line 385, ../sass/service.scss */
.serviceContainer .editServiceDialog .editForm .editFormItem input[type='radio'], .serviceContainer .editLabelDialog .editForm .editFormItem input[type='radio'], .serviceContainer .inviteGroupDialog .editForm .editFormItem input[type='radio'], .serviceContainer .historyDialog .editForm .editFormItem input[type='radio'] {
  margin-right: 4px;
}
/* line 389, ../sass/service.scss */
.serviceContainer .editServiceDialog .editForm .formLabel, .serviceContainer .editLabelDialog .editForm .formLabel, .serviceContainer .inviteGroupDialog .editForm .formLabel, .serviceContainer .historyDialog .editForm .formLabel {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 392, ../sass/service.scss */
.serviceContainer .editServiceDialog .editForm .avatarEdit, .serviceContainer .editLabelDialog .editForm .avatarEdit, .serviceContainer .inviteGroupDialog .editForm .avatarEdit, .serviceContainer .historyDialog .editForm .avatarEdit {
  -webkit-align-items: center;
  align-items: center;
}
/* line 395, ../sass/service.scss */
.serviceContainer .editServiceDialog .editForm img, .serviceContainer .editLabelDialog .editForm img, .serviceContainer .inviteGroupDialog .editForm img, .serviceContainer .historyDialog .editForm img {
  width: 38px;
  height: 38px;
  background: #33ab9f;
}
/* line 401, ../sass/service.scss */
.serviceContainer .editServiceDialog .submitInfo, .serviceContainer .editLabelDialog .submitInfo, .serviceContainer .inviteGroupDialog .submitInfo, .serviceContainer .historyDialog .submitInfo {
  width: 72px;
  margin-top: 16px;
  height: 38px;
  -webkit-align-self: center;
  align-self: center;
}
/* line 406, ../sass/service.scss */
.serviceContainer .editServiceDialog .submitInfo:hover, .serviceContainer .editLabelDialog .submitInfo:hover, .serviceContainer .inviteGroupDialog .submitInfo:hover, .serviceContainer .historyDialog .submitInfo:hover {
  height: 38px;
  margin-top: 16px;
}
/* line 412, ../sass/service.scss */
.serviceContainer .editLabelDialog {
  width: 260px;
  height: 275px;
}
/* line 415, ../sass/service.scss */
.serviceContainer .editLabelDialog .existLabels {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 417, ../sass/service.scss */
.serviceContainer .editLabelDialog .existLabels span {
  margin: 0 8px 8px 0;
}
/* line 422, ../sass/service.scss */
.serviceContainer .inviteGroupDialog {
  height: 340px;
}
/* line 424, ../sass/service.scss */
.serviceContainer .inviteGroupDialog .matchGroups {
  border: 1px solid #ccc;
  height: 160px;
  overflow-y: auto;
  padding: 6px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 431, ../sass/service.scss */
.serviceContainer .inviteGroupDialog .singleGroup {
  width: 162px;
  height: 45px;
  overflow-x: hidden;
}
/* line 435, ../sass/service.scss */
.serviceContainer .inviteGroupDialog .singleGroup img {
  margin: 0 4px;
}
/* line 438, ../sass/service.scss */
.serviceContainer .inviteGroupDialog .singleGroup .groupInfo {
  min-width: 0;
  padding: 4px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 444, ../sass/service.scss */
.serviceContainer .inviteGroupDialog .avatarCheckbox {
  -webkit-align-items: center;
  align-items: center;
}
/* line 447, ../sass/service.scss */
.serviceContainer .inviteGroupDialog input[type='text'] {
  height: 30px;
  line-height: 30px;
  width: 70%;
  padding-left: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 453, ../sass/service.scss */
.serviceContainer .inviteGroupDialog .submitInfo {
  margin-top: 10;
}
/* line 455, ../sass/service.scss */
.serviceContainer .inviteGroupDialog .submitInfo:hover {
  margin-top: 10;
}
/* line 460, ../sass/service.scss */
.serviceContainer .historyDialog {
  width: 450px;
  height: 600px;
  background: #f3f3f3;
  padding-bottom: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 465, ../sass/service.scss */
.serviceContainer .historyDialog .search {
  margin-bottom: 16px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 468, ../sass/service.scss */
.serviceContainer .historyDialog .search input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #e3e3e3;
  border: none;
  padding-left: 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-image: url('/images/search.png');
  background-size: 18px 18px;
  background-position: 6px center;
  background-repeat: no-repeat;
}
/* line 482, ../sass/service.scss */
.serviceContainer .historyDialog .historyAvatar {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  padding-top: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 486, ../sass/service.scss */
.serviceContainer .historyDialog .historyTabs {
  font-size: 18px;
  height: 36px;
  margin-top: 8px;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 493, ../sass/service.scss */
.serviceContainer .historyDialog .historyTabs div {
  cursor: pointer;
  margin: 0 16px;
  border-bottom: 3px solid transparent;
  padding-bottom: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 498, ../sass/service.scss */
.serviceContainer .historyDialog .historyTabs div.active {
  color: #1AAD19;
  border-bottom: 3px solid #1AAD19;
}
/* line 504, ../sass/service.scss */
.serviceContainer .historyDialog .historyContent {
  overflow: auto;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-top: 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 509, ../sass/service.scss */
.serviceContainer .historyDialog .historyItem {
  -webkit-align-items: center;
  align-items: center;
}
/* line 512, ../sass/service.scss */
.serviceContainer .historyDialog .historyItemInfo {
  padding: 16px 0;
  border-bottom: 0.5px solid #ccc;
  -webkit-align-items: center;
  align-items: center;
}
/* line 516, ../sass/service.scss */
.serviceContainer .historyDialog .historyItemInfo img {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 4px;
}
/* line 521, ../sass/service.scss */
.serviceContainer .historyDialog .historyItemContent {
  padding: 0 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 524, ../sass/service.scss */
.serviceContainer .historyDialog .historyItemContent div {
  margin-bottom: 8px;
}
/* line 527, ../sass/service.scss */
.serviceContainer .historyDialog .historyItemContent img, .serviceContainer .historyDialog .historyItemContent video {
  width: 240px !important;
  height: auto;
}
/* line 532, ../sass/service.scss */
.serviceContainer .historyDialog .historyItemDate {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  padding-top: 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 4, ../sass/groupSend.scss */
.groupSendContainer {
  height: 100%;
}
/* line 6, ../sass/groupSend.scss */
.groupSendContainer .newGroupSend {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
/* line 9, ../sass/groupSend.scss */
.groupSendContainer .sendFilter {
  width: 260px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 13, ../sass/groupSend.scss */
.groupSendContainer .sendFilter, .groupSendContainer .sendTo {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #FBFBFB;
}
/* line 18, ../sass/groupSend.scss */
.groupSendContainer .sendFilter {
  overflow: auto;
}
/* line 21, ../sass/groupSend.scss */
.groupSendContainer .sendTo {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
/* line 24, ../sass/groupSend.scss */
.groupSendContainer .infoTitle {
  font-size: 18px;
  margin: 24px 0 24px 24px;
  font-weight: 200;
}
/* line 29, ../sass/groupSend.scss */
.groupSendContainer .searchWrap, .groupSendContainer .groupMemberFilter, .groupSendContainer .groupManagerFilter, .groupSendContainer .groupChatsTitle, .groupSendContainer .groupChats {
  padding: 0 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 33, ../sass/groupSend.scss */
.groupSendContainer .groupMemberFilter {
  margin-top: 12px;
}
/* line 35, ../sass/groupSend.scss */
.groupSendContainer .groupMemberFilter .layui-form-label {
  padding: 9px 0;
  text-align: left;
}
/* line 39, ../sass/groupSend.scss */
.groupSendContainer .groupMemberFilter .layui-form-mid {
  margin-left: 10px;
}
/* line 43, ../sass/groupSend.scss */
.groupSendContainer .groupManagerFilter {
  height: 38px;
  -webkit-align-items: center;
  align-items: center;
}
/* line 46, ../sass/groupSend.scss */
.groupSendContainer .groupManagerFilter .radioWrap {
  margin-left: 24px;
}
/* line 48, ../sass/groupSend.scss */
.groupSendContainer .groupManagerFilter .radioWrap input {
  margin-right: 6px;
}
/* line 50, ../sass/groupSend.scss */
.groupSendContainer .groupManagerFilter .radioWrap input:last-child {
  margin-left: 12px;
}
/* line 56, ../sass/groupSend.scss */
.groupSendContainer .groupChatsTitle {
  height: 24px;
  -webkit-align-items: center;
  align-items: center;
}
/* line 59, ../sass/groupSend.scss */
.groupSendContainer .groupChatsTitle .selectAll {
  margin-right: 8px;
}
/* line 64, ../sass/groupSend.scss */
.groupSendContainer .groupChats .listItem {
  padding-left: 0 !important;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 67, ../sass/groupSend.scss */
.groupSendContainer .groupChats .listItem input {
  margin-right: 8px !important;
}
/* line 71, ../sass/groupSend.scss */
.groupSendContainer .groupChats .listItem:hover {
  background: none !important;
}
/* line 75, ../sass/groupSend.scss */
.groupSendContainer .checkedList {
  margin: 0 24px;
  border: 1px solid #ccc;
  overflow: auto;
  padding: 12px 0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 80, ../sass/groupSend.scss */
.groupSendContainer .checkedList .belongToService {
  width: 220px;
}
/* line 84, ../sass/groupSend.scss */
.groupSendContainer .sendBtns {
  text-align: center;
  margin: 24px 0;
}
/* line 87, ../sass/groupSend.scss */
.groupSendContainer .sendBtns button {
  margin: 0 12px;
}
/* line 91, ../sass/groupSend.scss */
.groupSendContainer .attachInfo {
  -webkit-align-items: center;
  align-items: center;
}
/* line 93, ../sass/groupSend.scss */
.groupSendContainer .attachInfo .serviceBelong {
  margin-right: 12px;
}
/* line 97, ../sass/groupSend.scss */
.groupSendContainer .vdp-datepicker {
  display: inline-block;
}
/* line 99, ../sass/groupSend.scss */
.groupSendContainer .vdp-datepicker .vdp-datepicker__calendar {
  bottom: 40px;
}
/* line 104, ../sass/groupSend.scss */
.groupSendContainer .groupSendSettingDialog .settingItem {
  margin-top: 14px;
}
/* line 106, ../sass/groupSend.scss */
.groupSendContainer .groupSendSettingDialog .settingItem input {
  display: inline-block;
  width: 60px;
  margin: 0 12px;
}
/* line 113, ../sass/groupSend.scss */
.groupSendContainer .groupSendSettingDialog .stopTime input {
  width: 45px;
  margin: 0 6px;
}
/* line 119, ../sass/groupSend.scss */
.groupSendContainer .groupSendSettingDialog .sleepTime input {
  width: 84px;
}
/* line 123, ../sass/groupSend.scss */
.groupSendContainer .groupSendSettingDialog .layui-form-mid {
  float: none;
  display: inline-block;
  margin-right: 0;
}
/* line 129, ../sass/groupSend.scss */
.groupSendContainer .filterCondation {
  height: 120px;
  background: #f5f5f5;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 24px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 135, ../sass/groupSend.scss */
.groupSendContainer .filterCondation .filterTitle {
  font-size: 16px;
}
/* line 139, ../sass/groupSend.scss */
.groupSendContainer .condations {
  height: 76px;
  -webkit-align-items: center;
  align-items: center;
}
/* line 142, ../sass/groupSend.scss */
.groupSendContainer .condations input {
  width: 102px;
  margin: 0 24px 0 8px;
}
/* line 146, ../sass/groupSend.scss */
.groupSendContainer .condations .layui-input-block {
  margin-left: 8px;
}
/* line 150, ../sass/groupSend.scss */
.groupSendContainer .historyContent {
  overflow: auto;
}
/* line 153, ../sass/groupSend.scss */
.groupSendContainer .historyList {
  overflow: auto;
}
/* line 155, ../sass/groupSend.scss */
.groupSendContainer .historyList .historyItem {
  height: 92px;
  padding-left: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 158, ../sass/groupSend.scss */
.groupSendContainer .historyList .historyItem:hover {
  background: #f2f2f2;
}
/* line 161, ../sass/groupSend.scss */
.groupSendContainer .historyList .historyItem .topInfo {
  height: 60px;
  -webkit-align-items: center;
  align-items: center;
}
/* line 165, ../sass/groupSend.scss */
.groupSendContainer .historyList .historyItem img {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 8px;
  width: 30px;
  height: 30px;
  background: #33ab9f;
}
/* line 172, ../sass/groupSend.scss */
.groupSendContainer .historyList .historyItem .ignoreMore {
  width: 30px;
  height: 30px;
  background-image: url('/images/more-black.png');
  background-size: cover;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 179, ../sass/groupSend.scss */
.groupSendContainer .historyList .historyItem .layui-badge {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 70px;
  height: 24px;
  line-height: 24px;
  color: #666666 !important;
  text-align: center;
  margin: 0 24px;
}
/* line 188, ../sass/groupSend.scss */
.groupSendContainer .historyList .historyItem .layui-btn {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 62px;
  margin: 0 24px;
}
/* line 193, ../sass/groupSend.scss */
.groupSendContainer .historyList .historyItem .bottomInfo {
  -webkit-align-items: center;
  align-items: center;
}
/* line 196, ../sass/groupSend.scss */
.groupSendContainer .historyList .historyItem .sendCount {
  margin: 0 24px;
}
/* line 199, ../sass/groupSend.scss */
.groupSendContainer .historyList .historyItem .taskType {
  margin-left: 24px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 205, ../sass/groupSend.scss */
.groupSendContainer .historyDetail {
  width: 360px;
  overflow: auto;
  border-left: 1px solid #ccc;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 210, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .detailTitle {
  margin: 12px 24px 8px 24px;
  font-size: 16px;
}
/* line 214, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .sendContent {
  margin: 0 24px 8px 24px;
}
/* line 217, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .editAgain {
  width: 72px;
  text-align: center;
  padding: 0;
  margin-right: 24px;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
/* line 224, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .serviceAccounts {
  height: 36px;
  margin: 12px 24px 0 24px;
  font-size: 16px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
/* line 231, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .accounts {
  margin: 0 24px 0 24px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 234, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .accounts .listItem {
  width: 156px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 237, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .accounts .listItem:hover {
  background: none !important;
}
/* line 242, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .sendObjects {
  margin: 8px 24px 8px 24px;
}
/* line 244, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .sendObjects .subTitle {
  font-size: 16px;
  height: 24px;
  line-height: 24px;
}
/* line 249, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .sendObjects .sendObjectTab {
  margin-top: 8px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 252, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .sendObjects .sendObjectTab .objectTab {
  width: 76px;
  text-align: center;
  height: 24px;
  line-height: 24px;
  border: 1px solid #ccc;
  border-bottom: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 262, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .sendObjects .sendObjectTab .objectTab.active {
  border-color: #33ab9f;
  background: #33ab9f;
  color: #fff;
}
/* line 269, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .sendObjects .sendTabContent {
  border: 1px solid #ccc;
}
/* line 271, ../sass/groupSend.scss */
.groupSendContainer .historyDetail .sendObjects .sendTabContent .listItem:hover {
  background: none !important;
}

/* line 4, ../sass/addFriend.scss */
.addFriendContainer .pageHeader {
  border-bottom: 1px solid #ccc;
}
/* line 7, ../sass/addFriend.scss */
.addFriendContainer .sendRequests {
  margin-top: 24px;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 11, ../sass/addFriend.scss */
.addFriendContainer .searchInput {
  padding-right: 38px;
  background-size: 20px 20px;
  background-position: right 9px top 9px;
  background-image: url('/images/search.png');
  background-repeat: no-repeat;
}
/* line 18, ../sass/addFriend.scss */
.addFriendContainer .toggleRecordsList {
  height: 25px;
  background: #FFB800;
  color: #fff;
  margin-bottom: 12px;
  line-height: 25px;
  text-align: center;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 26, ../sass/addFriend.scss */
.addFriendContainer .toggleRecordsList i {
  margin-left: 6px;
}
/* line 29, ../sass/addFriend.scss */
.addFriendContainer .toggleRecordsList:hover {
  background: #33ab9f;
}
/* line 33, ../sass/addFriend.scss */
.addFriendContainer .addRecords {
  padding: 24px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 35, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordsList {
  overflow: auto;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 39, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem {
  margin-bottom: 8px;
}
/* line 41, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .recordItemInfo {
  margin-bottom: 12px;
}
/* line 43, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .recordItemInfo img {
  width: 40px;
  height: 40px;
  background: #33ab9f;
  margin-right: 12px;
}
/* line 49, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .recordItemInfo .serviceInfo {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 52, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .recordItemInfo .serviceInfoDetail {
  height: 20px;
  line-height: 20px;
}
/* line 56, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .recordItemInfo .serviceName {
  margin-right: 40px;
}
/* line 59, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .recordItemInfo .sendTyeInfo {
  font-size: 12px;
}
/* line 62, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .recordItemInfo .labels {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}
/* line 65, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .recordItemInfo .labels .layui-badge {
  width: 58px;
  height: 22px;
  line-height: 22px;
  margin-right: 12px;
}
/* line 73, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .targetsOperate {
  -webkit-align-items: center;
  align-items: center;
}
/* line 75, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .targetsOperate .layui-progress {
  margin-right: 12px;
}
/* line 78, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .targetsOperate .layui-btn {
  width: 58px;
  margin-left: 48px;
}
/* line 84, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .tabs button {
  width: 58px;
  border-bottom: none;
}
/* line 89, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .targetsList {
  border: 1px solid #ccc;
}
/* line 91, ../sass/addFriend.scss */
.addFriendContainer .addRecords .recordItem .targetsList .listItem:hover {
  background: none !important;
}

/* line 99, ../sass/addFriend.scss */
.routeContent .friendRoute {
  margin: 12px 24px;
}
/* line 101, ../sass/addFriend.scss */
.routeContent .friendRoute .verifyCount {
  font-size: 16px;
  margin: 8px 0 12px 0;
}
/* line 105, ../sass/addFriend.scss */
.routeContent .friendRoute .layui-form-mid {
  margin: 0 12px;
}
/* line 108, ../sass/addFriend.scss */
.routeContent .friendRoute .intervalTime {
  margin: 12px 0 12px 0;
  -webkit-align-items: center;
  align-items: center;
}
/* line 111, ../sass/addFriend.scss */
.routeContent .friendRoute .intervalTime input {
  width: 54px;
}
/* line 114, ../sass/addFriend.scss */
.routeContent .friendRoute .intervalTime .recommendVal {
  margin-left: 20px;
}
/* line 119, ../sass/addFriend.scss */
.routeContent .friendRoute .maxCount #slide {
  margin: 18px 0;
  width: 160px;
}
/* line 122, ../sass/addFriend.scss */
.routeContent .friendRoute .maxCount #slide .layui-slider {
  background: #ccc;
}
/* line 126, ../sass/addFriend.scss */
.routeContent .friendRoute .maxCount .layui-input {
  width: 72px;
  margin-right: 8px;
}
/* line 130, ../sass/addFriend.scss */
.routeContent .friendRoute .maxCount .flex-row {
  -webkit-align-items: center;
  align-items: center;
}
/* line 134, ../sass/addFriend.scss */
.routeContent .friendRoute .itemTitle {
  margin: 12px 0;
}
/* line 138, ../sass/addFriend.scss */
.routeContent .addOperate {
  width: 260px;
  border-right: 1px solid #ccc;
  padding: 24px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 143, ../sass/addFriend.scss */
.routeContent .addOperate .inputAccounts {
  height: 160px;
  width: 100%;
  resize: none;
  outline: none;
  font-size: 14px;
  border-color: #ccc;
  padding: 8px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 152, ../sass/addFriend.scss */
.routeContent .addOperate .accountsTotal {
  margin: 12px 0;
}

/* line 159, ../sass/addFriend.scss */
.addGroupFriend .toggleOwner {
  margin: 12px 0;
}
/* line 161, ../sass/addFriend.scss */
.addGroupFriend .toggleOwner input:last-child {
  margin-left: 12px;
}
/* line 165, ../sass/addFriend.scss */
.addGroupFriend .groupListTitle {
  height: 24px;
  line-height: 24px;
}
/* line 169, ../sass/addFriend.scss */
.addGroupFriend .groupList {
  overflow: auto;
}
/* line 172, ../sass/addFriend.scss */
.addGroupFriend .listItem {
  padding: 0;
}
/* line 174, ../sass/addFriend.scss */
.addGroupFriend .listItem:hover {
  background: none !important;
}
/* line 177, ../sass/addFriend.scss */
.addGroupFriend .listItem .listItem {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
/* line 181, ../sass/addFriend.scss */
.addGroupFriend .select {
  margin-right: 8px;
}
/* line 184, ../sass/addFriend.scss */
.addGroupFriend .groupMemberListContainer {
  padding: 12px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 186, ../sass/addFriend.scss */
.addGroupFriend .groupMemberListContainer .listContainerHead {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 188, ../sass/addFriend.scss */
.addGroupFriend .groupMemberListContainer .listContainerHead .subTitle {
  margin-top: 12px;
}
/* line 191, ../sass/addFriend.scss */
.addGroupFriend .groupMemberListContainer .listContainerHead input {
  width: 180px;
}
/* line 195, ../sass/addFriend.scss */
.addGroupFriend .groupMemberListContainer .memberListContainer {
  margin: 12px 0;
  border: 1px solid #ccc;
  overflow: auto;
  padding: 12px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 202, ../sass/addFriend.scss */
.addGroupFriend .groupMemberListContainer .checkboxes {
  margin-bottom: 12px;
}
/* line 205, ../sass/addFriend.scss */
.addGroupFriend .groupMemberListContainer .memberList {
  overflow: auto;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
/* line 210, ../sass/addFriend.scss */
.addGroupFriend .groupMemberListContainer .memberList .listItem {
  width: 160px;
  margin-right: 8px;
}
/* line 215, ../sass/addFriend.scss */
.addGroupFriend .groupMemberListContainer .memberCountDesc {
  margin-top: 12px;
  text-align: center;
}
/* line 219, ../sass/addFriend.scss */
.addGroupFriend .groupMemberListContainer .sendRequests {
  margin-top: 0;
  margin-bottom: 12px;
}
/* line 224, ../sass/addFriend.scss */
.addGroupFriend .addRecords {
  padding: 12px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 226, ../sass/addFriend.scss */
.addGroupFriend .addRecords .toggleRecordsList {
  margin-right: 24px;
}

/* line 231, ../sass/addFriend.scss */
.addFriendContainer .routeContent .dialog {
  height: 200px;
}
/* line 233, ../sass/addFriend.scss */
.addFriendContainer .routeContent .dialog .wainInfo {
  margin: 24px 0;
}
/* line 235, ../sass/addFriend.scss */
.addFriendContainer .routeContent .dialog .wainInfo p {
  height: 24px;
  line-height: 24px;
}
/* line 240, ../sass/addFriend.scss */
.addFriendContainer .routeContent .dialog .buttons {
  text-align: center;
}
/* line 242, ../sass/addFriend.scss */
.addFriendContainer .routeContent .dialog .buttons button {
  margin: 0 24px;
}

/* line 248, ../sass/addFriend.scss */
.friendVerify {
  padding: 24px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 250, ../sass/addFriend.scss */
.friendVerify .friendVerifyHeader {
  height: 36px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
/* line 254, ../sass/addFriend.scss */
.friendVerify .friendVerifyHeader input {
  margin-right: 8px;
}
/* line 258, ../sass/addFriend.scss */
.friendVerify .verifyTabs {
  margin-top: 12px;
}
/* line 260, ../sass/addFriend.scss */
.friendVerify .verifyTabs button {
  border-bottom: none;
  width: 95px;
}
/* line 265, ../sass/addFriend.scss */
.friendVerify .verifyListContainer {
  border: 1px solid #ccc;
  overflow: auto;
  padding: 12px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 269, ../sass/addFriend.scss */
.friendVerify .verifyListContainer .verifyListTitle {
  margin-bottom: 8px;
}
/* line 271, ../sass/addFriend.scss */
.friendVerify .verifyListContainer .verifyListTitle input {
  margin-right: 8px;
}
/* line 275, ../sass/addFriend.scss */
.friendVerify .verifyListContainer .verifyList {
  overflow: auto;
}
/* line 277, ../sass/addFriend.scss */
.friendVerify .verifyListContainer .verifyList .listItem {
  padding: 0;
}
/* line 279, ../sass/addFriend.scss */
.friendVerify .verifyListContainer .verifyList .listItem input {
  margin-right: 8px;
}
/* line 282, ../sass/addFriend.scss */
.friendVerify .verifyListContainer .verifyList .listItem .attachInfoContainer {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 287, ../sass/addFriend.scss */
.friendVerify .verifyListContainer .verifyList .listItem:hover {
  background: none !important;
}
/* line 293, ../sass/addFriend.scss */
.friendVerify .acceptVerify {
  width: 68px;
  margin: 24px 0;
}

/* line 4, ../sass/components.scss */
.setSendInfo {
  width: 260px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

/* line 8, ../sass/components.scss */
.setSendInfo {
  height: 100%;
  background: #e2e2e2;
  overflow: auto;
}
/* line 12, ../sass/components.scss */
.setSendInfo .infoTitle {
  font-size: 18px;
  margin: 24px 0 24px 24px;
  font-weight: 200;
}
/* line 17, ../sass/components.scss */
.setSendInfo .description {
  margin-left: 24px;
  margin-bottom: 12px;
}
/* line 21, ../sass/components.scss */
.setSendInfo .chooseService {
  width: 180px;
  height: 28px;
  line-height: 28px;
  margin: 0 24px 0 24px;
  color: #999;
  background: #fff;
  padding-left: 6px;
  background-image: url('/images/left-s.png');
  background-position: 150px center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 34, ../sass/components.scss */
.setSendInfo .chooseService.expendList {
  background-image: url('/images/tri.png');
}
/* line 38, ../sass/components.scss */
.setSendInfo .serviceListCheck, .setSendInfo .serviceListChecked {
  width: 180px;
  height: 266px;
  margin: 0 24px 0 24px;
  background: #fff;
  border: 1px solid #ccc;
  -webkit-align-items: center;
  align-items: center;
}
/* line 45, ../sass/components.scss */
.setSendInfo .serviceListCheck input[type='checkbox'], .setSendInfo .serviceListChecked input[type='checkbox'] {
  margin-right: 8px;
}
/* line 48, ../sass/components.scss */
.setSendInfo .serviceListCheck .submitCheck, .setSendInfo .serviceListChecked .submitCheck {
  width: 72px;
  margin: 8px 0;
}
/* line 53, ../sass/components.scss */
.setSendInfo .serviceListChecked {
  height: auto;
  max-height: 180px;
  background: none;
  border: none;
}
/* line 59, ../sass/components.scss */
.setSendInfo .checkList, .setSendInfo .checkedList {
  padding: 0 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
  width: 100%;
}
/* line 63, ../sass/components.scss */
.setSendInfo .checkList .listItem:hover, .setSendInfo .checkedList .listItem:hover {
  background: none !important;
}
/* line 67, ../sass/components.scss */
.setSendInfo .checkedList {
  padding-left: 0;
}
/* line 70, ../sass/components.scss */
.setSendInfo .sendContentAndType {
  padding: 0 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
/* line 73, ../sass/components.scss */
.setSendInfo .sendContentAndType .subTitle, .setSendInfo .sendContentAndType .quickReplyTitle {
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  margin: 8px 0;
  padding-left: 0 !important;
}
/* line 80, ../sass/components.scss */
.setSendInfo .sendContentAndType .radioContainer span {
  margin-right: 16px;
  margin-left: 4px;
}
/* line 84, ../sass/components.scss */
.setSendInfo .sendContentAndType .addQuickReply {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
}
/* line 89, ../sass/components.scss */
.setSendInfo .sendContentAndType .addQuickReply button {
  margin-bottom: 8px;
  margin-left: 0;
  margin-right: 10px;
}
/* line 94, ../sass/components.scss */
.setSendInfo .sendContentAndType .quickReplies {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding: 12px 8px 0 0 !important;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 99, ../sass/components.scss */
.setSendInfo .sendContentAndType .quickReplyTitle {
  padding: 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 0 !important;
  height: 36px;
  line-height: 36px;
}
/* line 106, ../sass/components.scss */
.setSendInfo .sendContentAndType .quickReplies {
  padding: 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  padding-top: 4px !important;
  border-bottom: 1px solid #ccc;
}
/* line 111, ../sass/components.scss */
.setSendInfo .sendContentAndType .quickReplies .replyContent {
  margin-bottom: 16px;
}

/* line 119, ../sass/components.scss */
.documentsQuickReplyDialog .editForm {
  overflow: auto;
  padding-bottom: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 122, ../sass/components.scss */
.documentsQuickReplyDialog .editForm div {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 126, ../sass/components.scss */
.documentsQuickReplyDialog .documentsListItem {
  -webkit-align-items: center;
  align-items: center;
}
/* line 128, ../sass/components.scss */
.documentsQuickReplyDialog .documentsListItem input {
  margin-right: 6px;
}
/* line 132, ../sass/components.scss */
.documentsQuickReplyDialog .submitInfo {
  margin-bottom: 12px;
}

/* line 136, ../sass/components.scss */
.linkReply {
  padding: 6px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
}
/* line 141, ../sass/components.scss */
.linkReply .linkTitle {
  height: 24px;
  line-height: 24px;
}
/* line 145, ../sass/components.scss */
.linkReply .linkContent {
  height: 32px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
/* line 150, ../sass/components.scss */
.linkReply .linkDesc {
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
/* line 153, ../sass/components.scss */
.linkReply .linkCover {
  width: 30px;
  height: 30px;
  background: #33ab9f;
}

/* line 160, ../sass/components.scss */
.imageReply img {
  width: 60px !important;
  height: auto !important;
  background: #33ab9f;
  min-height: 40px;
}

/* line 167, ../sass/components.scss */
.contactReply, .officialAccountReply {
  border: 1px solid #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 170, ../sass/components.scss */
.contactReply .flex-row, .officialAccountReply .flex-row {
  padding: 12px 0 12px 12px;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
}
/* line 175, ../sass/components.scss */
.contactReply .contactType, .officialAccountReply .contactType {
  padding: 6px 0 6px 12px;
  border-top: 1px solid #ccc;
  font-size: 12px;
}
/* line 180, ../sass/components.scss */
.contactReply img, .officialAccountReply img {
  width: 40px;
  height: 40px;
  background: #33ab9f;
  margin-right: 6px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

/* line 188, ../sass/components.scss */
.dialog {
  z-index: 111;
}
/* line 190, ../sass/components.scss */
.dialog .dialogContent {
  padding: 0 24px;
  box-sizing: border-box;
  overflow: auto;
}

/* line 196, ../sass/components.scss */
.video {
  background: #f1f1f1;
  position: relative;
}
/* line 199, ../sass/components.scss */
.video .play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  background: url('/images/vedio_placeholder.png');
  background-size: cover;
  cursor: pointer;
}

/* line 211, ../sass/components.scss */
.editorWrap {
  width: 100%;
  height: 100%;
  border: 1px solid #ccc;
  padding: 6px;
  box-sizing: border-box;
  position: relative;
}
/* line 218, ../sass/components.scss */
.editorWrap .richTextEditor {
  outline: none;
  overflow: auto;
}
/* line 221, ../sass/components.scss */
.editorWrap .richTextEditor .placeholder {
  color: #999;
}
/* line 224, ../sass/components.scss */
.editorWrap .richTextEditor .emoji {
  width: 22px !important;
  height: 22px !important;
  background: none !important;
}
/* line 230, ../sass/components.scss */
.editorWrap .emojiContainer {
  position: absolute;
  bottom: 36px;
  left: 0;
  width: 100%;
  height: 190px;
  border: 1px solid #ccc;
  background: #fff;
  overflow: auto;
  padding: 12px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 241, ../sass/components.scss */
.editorWrap .emojiContainer .face {
  cursor: pointer;
  float: left;
  border: 1px solid #e8e8e8;
  height: 22px;
  width: 26px;
  overflow: hidden;
  margin: -1px 0 0 -1px;
  padding: 4px 2px;
  text-align: center;
}
/* line 252, ../sass/components.scss */
.editorWrap .emojiContainer img {
  width: 22px !important;
  height: 22px !important;
  background: none !important;
}
/* line 257, ../sass/components.scss */
.editorWrap .emojiContainer.bottomPos {
  bottom: -190px;
}
/* line 261, ../sass/components.scss */
.editorWrap .tools {
  justify-content: space-between;
  flex-shrink: 0;
}
/* line 264, ../sass/components.scss */
.editorWrap .tools .emojiSwitch {
  background-image: url('/images/emoji.png');
  cursor: pointer;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  margin-right: 12px;
}

/* line 275, ../sass/components.scss */
.pageHeader {
  padding: 16px 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 279, ../sass/components.scss */
.pageHeader .headerTab button {
  margin-right: 12px;
}

/* line 284, ../sass/components.scss */
.textQuickReplyDialog .editForm {
  height: 140px;
}

/* line 288, ../sass/components.scss */
.icon-search {
  padding-right: 38px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('/images/search.png');
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: top 9px right 9px;
}

/* line 295, ../sass/components.scss */
.subTitle {
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 12px;
}

/* line 300, ../sass/components.scss */
.chatBox {
  padding: 12px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: auto;
}
/* line 304, ../sass/components.scss */
.chatBox .chatItem {
  margin: 8px 0;
  position: relative;
}
/* line 307, ../sass/components.scss */
.chatBox .chatItem img {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 313, ../sass/components.scss */
.chatBox .chatItem .imageReply img {
  background: none;
  width: auto !important;
  max-width: 250px;
  height: auto;
}
/* line 319, ../sass/components.scss */
.chatBox .chatItem .sendTime {
  position: absolute;
  bottom: 12px;
  right: 0;
  font-size: 12px;
}
/* line 325, ../sass/components.scss */
.chatBox .chatItem .messageWrap {
  position: relative;
}
/* line 328, ../sass/components.scss */
.chatBox .chatItem .messageWrap:hover .qucikOperate {
  display: -webkit-flex;
  display: flex;
}
/* line 333, ../sass/components.scss */
.chatBox .chatItem .messageWrap .messageItem {
  margin: 0;
}
/* line 337, ../sass/components.scss */
.chatBox .chatItem .messageWrap .textReply {
  padding: 12px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #ccc;
  max-width: 250px;
  word-break: break-all;
}
/* line 345, ../sass/components.scss */
.chatBox .chatItem .sending {
  margin-top: 2px;
}
/* line 348, ../sass/components.scss */
.chatBox .chatItem .qucikOperate {
  position: absolute;
  top: 0;
  right: -240px;
  display: none;
}
/* line 353, ../sass/components.scss */
.chatBox .chatItem .qucikOperate div {
  width: 68px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  background: #fff;
  border: 1px solid #ccc;
  margin-left: 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 364, ../sass/components.scss */
.chatBox .chatItem.self {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
/* line 366, ../sass/components.scss */
.chatBox .chatItem.self .messageWrap .textReply {
  background: #A0E75A;
}
/* line 369, ../sass/components.scss */
.chatBox .chatItem.self .sendTime {
  position: absolute;
  bottom: 12px;
  left: 0;
}
/* line 374, ../sass/components.scss */
.chatBox .chatItem.self img {
  margin-right: 0;
  margin-left: 8px;
}

/* line 381, ../sass/components.scss */
.operateTip {
  margin-top: 12px;
  background: #5FB878;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  padding: 8px 6px 6px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/* line 4, ../sass/_marketing.scss */
.marketingContainer {
  height: 100%;
}
/* line 7, ../sass/_marketing.scss */
.marketingContainer .dialog .buttons {
  margin-bottom: 12px;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 12, ../sass/_marketing.scss */
.marketingContainer .qrCodeDialog {
  text-align: center;
}
/* line 14, ../sass/_marketing.scss */
.marketingContainer .qrCodeDialog img {
  width: 130px;
  height: 130px;
  margin: 16px 0;
  background: #1E9FFF;
}
/* line 20, ../sass/_marketing.scss */
.marketingContainer .qrCodeDialog .submitInfo {
  width: 142px;
}
/* line 24, ../sass/_marketing.scss */
.marketingContainer .marketingTitle {
  font-size: 20px;
  text-align: center;
  margin: 24px 0 48px 0;
}
/* line 29, ../sass/_marketing.scss */
.marketingContainer .marketingFeatures {
  padding: 0 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 32, ../sass/_marketing.scss */
.marketingContainer .marketingFeatures .featureEntry {
  width: 134px;
  height: 154px;
  border: 1px solid #ccc;
  font-size: 18px;
  cursor: pointer;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 41, ../sass/_marketing.scss */
.marketingContainer .marketingFeatures .featureEntry img {
  margin-top: 16px;
  height: 64px;
  width: 64px;
  object-fit: contain;
}
/* line 49, ../sass/_marketing.scss */
.marketingContainer .marketingHeader {
  font-size: 16px;
  height: 72px;
  line-height: 40px;
}
/* line 53, ../sass/_marketing.scss */
.marketingContainer .marketingHeader .backToMarket {
  color: #1E9FFF;
  cursor: pointer;
}

/* line 59, ../sass/_marketing.scss */
.addDiscussContainer {
  overflow: auto;
}
/* line 61, ../sass/_marketing.scss */
.addDiscussContainer .chooseAccount, .addDiscussContainer .addDiscussMember {
  width: 260px;
  overflow: auto;
  background: #e2e2e2;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 67, ../sass/_marketing.scss */
.addDiscussContainer .assistAccount {
  margin: 12px 0;
}
/* line 70, ../sass/_marketing.scss */
.addDiscussContainer .discussCondation {
  margin: 0 0 12px 24px;
}
/* line 73, ../sass/_marketing.scss */
.addDiscussContainer .maxCount {
  margin: 0 0 24px 24px;
  -webkit-align-items: center;
  align-items: center;
}
/* line 76, ../sass/_marketing.scss */
.addDiscussContainer .maxCount .layui-input {
  width: 48px;
  margin: 0 5px;
}
/* line 81, ../sass/_marketing.scss */
.addDiscussContainer .checkSendType {
  margin-left: 12px;
}
/* line 83, ../sass/_marketing.scss */
.addDiscussContainer .checkSendType input {
  margin-left: 12px;
  margin-right: 8px;
  vertical-align: top;
}
/* line 89, ../sass/_marketing.scss */
.addDiscussContainer .quickReplyContainer {
  overflow: auto;
}
/* line 92, ../sass/_marketing.scss */
.addDiscussContainer .subTitle {
  font-size: 16px;
  margin-bottom: 8px;
}
/* line 96, ../sass/_marketing.scss */
.addDiscussContainer .addDiscussMember {
  background: none;
  border: 1px solid #ccc;
  padding: 24px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 100, ../sass/_marketing.scss */
.addDiscussContainer .addDiscussMember .desc {
  line-height: 20px;
}
/* line 104, ../sass/_marketing.scss */
.addDiscussContainer .inputAccounts {
  height: 160px;
  width: 100%;
  resize: none;
  outline: none;
  font-size: 14px;
  border-color: #ccc;
  padding: 8px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 113, ../sass/_marketing.scss */
.addDiscussContainer .groupName {
  margin: 24px 0 12px 0;
  -webkit-align-items: center;
  align-items: center;
}
/* line 116, ../sass/_marketing.scss */
.addDiscussContainer .groupName input {
  width: 150px;
  margin-left: 6px;
}
/* line 121, ../sass/_marketing.scss */
.addDiscussContainer .confirmContainer {
  text-align: center;
}
/* line 123, ../sass/_marketing.scss */
.addDiscussContainer .confirmContainer button {
  width: 68px;
}
/* line 127, ../sass/_marketing.scss */
.addDiscussContainer .freindsList, .addDiscussContainer .groupsList {
  overflow: auto;
}
/* line 129, ../sass/_marketing.scss */
.addDiscussContainer .freindsList .listItem, .addDiscussContainer .groupsList .listItem {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding: 0;
}
/* line 132, ../sass/_marketing.scss */
.addDiscussContainer .freindsList .listItem input[type='checkbox'], .addDiscussContainer .freindsList .listItem input[type='radio'], .addDiscussContainer .groupsList .listItem input[type='checkbox'], .addDiscussContainer .groupsList .listItem input[type='radio'] {
  margin-right: 8px;
  margin-left: 2px;
}
/* line 136, ../sass/_marketing.scss */
.addDiscussContainer .freindsList .listItem:hover, .addDiscussContainer .groupsList .listItem:hover {
  background: none !important;
}
/* line 141, ../sass/_marketing.scss */
.addDiscussContainer .searchGroup {
  margin-bottom: 12px;
}
/* line 144, ../sass/_marketing.scss */
.addDiscussContainer .groupMembersListContainer {
  padding-left: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 146, ../sass/_marketing.scss */
.addDiscussContainer .groupMembersListContainer .searchGroup {
  height: 32px;
  line-height: 32px;
}

/* line 152, ../sass/_marketing.scss */
.discussDetailContainer {
  border: 1px solid #ccc;
  border-left: 0;
  overflow: auto;
  padding: 24px 12px 24px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 157, ../sass/_marketing.scss */
.discussDetailContainer .members {
  height: 257px;
  border: 1px solid #ccc;
  overflow: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 164, ../sass/_marketing.scss */
.discussDetailContainer .sendButtons {
  margin: 12px 0;
  text-align: center;
}
/* line 168, ../sass/_marketing.scss */
.discussDetailContainer .createTabs {
  color: #169BD5;
}
/* line 170, ../sass/_marketing.scss */
.discussDetailContainer .createTabs .createTab {
  cursor: pointer;
  margin-right: 12px;
}
/* line 173, ../sass/_marketing.scss */
.discussDetailContainer .createTabs .createTab.activeTab {
  color: #333;
}
/* line 178, ../sass/_marketing.scss */
.discussDetailContainer .detailList {
  overflow: auto;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 181, ../sass/_marketing.scss */
.discussDetailContainer .detailList button {
  width: 72px;
}
/* line 184, ../sass/_marketing.scss */
.discussDetailContainer .detailList .progressHead {
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 8px;
  padding: 8px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 189, ../sass/_marketing.scss */
.discussDetailContainer .detailList .servicesInfo {
  margin-top: 8px;
}
/* line 191, ../sass/_marketing.scss */
.discussDetailContainer .detailList .servicesInfo .progressDetailInfo {
  margin-top: 12px;
  font-size: 12px;
}
/* line 196, ../sass/_marketing.scss */
.discussDetailContainer .detailList .progressBarInfo {
  -webkit-align-items: center;
  align-items: center;
}
/* line 198, ../sass/_marketing.scss */
.discussDetailContainer .detailList .progressBarInfo .progressPercent {
  margin: 0 24px 0 12px;
}
/* line 203, ../sass/_marketing.scss */
.discussDetailContainer .detailList .progressTabs button {
  border-bottom: none;
}
/* line 207, ../sass/_marketing.scss */
.discussDetailContainer .detailList .checkedUsers {
  padding: 8px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
}
/* line 210, ../sass/_marketing.scss */
.discussDetailContainer .detailList .checkedUsers .listItem:hover {
  background: none !important;
}
/* line 214, ../sass/_marketing.scss */
.discussDetailContainer .detailList .dismissGroup {
  width: 92px;
}

/* line 220, ../sass/_marketing.scss */
.responseContainer .tips {
  margin: 24px;
}
/* line 228, ../sass/_marketing.scss */
.responseContainer .sendButtons button {
  width: 72px;
}
/* line 231, ../sass/_marketing.scss */
.responseContainer .detailList {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 233, ../sass/_marketing.scss */
.responseContainer .detailList .serviceAvatar {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  background: #169BD5;
}
/* line 239, ../sass/_marketing.scss */
.responseContainer .detailList .rightButtons {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 242, ../sass/_marketing.scss */
.responseContainer .detailList .dismissGroup {
  width: 72px;
  margin-left: 10px;
  margin-bottom: 8px;
}
/* line 248, ../sass/_marketing.scss */
.responseContainer .keywordLabel {
  margin: 16px 0;
}
/* line 251, ../sass/_marketing.scss */
.responseContainer .chooseGroup {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 255, ../sass/_marketing.scss */
.responseContainer .groupList {
  margin: 16px 0;
  border: 1px solid #ccc;
  padding: 24px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
/* line 262, ../sass/_marketing.scss */
.responseContainer .groupList .listItem input[type='checkbox'] {
  margin-right: 8px;
  margin-left: 0;
}
/* line 266, ../sass/_marketing.scss */
.responseContainer .groupList .listItem:hover {
  background: none !important;
}
/* line 272, ../sass/_marketing.scss */
.responseContainer .keywordGroups .userGroupInfo {
  width: 340px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
/* line 276, ../sass/_marketing.scss */
.responseContainer .keywordGroups .userGroupInfo .userStatus {
  margin-bottom: 8px;
}

/* line 5, ../sass/_moments.scss */
.momentsContainer .subTitle {
  margin: 24px 0 12px 24px;
  font-size: 16px;
}
/* line 9, ../sass/_moments.scss */
.momentsContainer .browseOptions {
  margin: 24px;
  overflow: auto;
}
/* line 12, ../sass/_moments.scss */
.momentsContainer .browseOptions .changeMomentsType {
  margin-bottom: 24px;
}
/* line 14, ../sass/_moments.scss */
.momentsContainer .browseOptions .changeMomentsType input {
  margin-right: 4px;
}
/* line 17, ../sass/_moments.scss */
.momentsContainer .browseOptions .changeMomentsType span {
  margin-right: 18px;
}
/* line 21, ../sass/_moments.scss */
.momentsContainer .browseOptions .searchFriend {
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 16px;
}
/* line 24, ../sass/_moments.scss */
.momentsContainer .browseOptions .searchFriend .layui-input {
  width: 118px;
  margin: 0 8px;
}
/* line 29, ../sass/_moments.scss */
.momentsContainer .browseOptions .listTitle {
  margin-bottom: 12px;
}
/* line 32, ../sass/_moments.scss */
.momentsContainer .browseOptions .friendsList {
  overflow: auto;
}
/* line 36, ../sass/_moments.scss */
.momentsContainer .searchMoments {
  margin: 12px 24px;
}
/* line 38, ../sass/_moments.scss */
.momentsContainer .searchMoments .layui-input {
  padding-right: 38px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('/images/search.png');
  background-size: 20px 20px;
  background-position: right 8px top 9px;
  background-repeat: no-repeat;
}
/* line 46, ../sass/_moments.scss */
.momentsContainer .momentsItem {
  padding: 12px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 24px;
}
/* line 49, ../sass/_moments.scss */
.momentsContainer .momentsItem .momentsItemAuthor {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
/* line 51, ../sass/_moments.scss */
.momentsContainer .momentsItem .momentsItemAuthor img {
  width: 40px;
  height: 40px;
  background: orange;
  margin-right: 8px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 58, ../sass/_moments.scss */
.momentsContainer .momentsItem .momentsItemAuthor .authorName {
  color: #0066FF;
  font-size: 16px;
  height: 22px;
  line-height: 22px;
  margin-bottom: 8px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
/* line 67, ../sass/_moments.scss */
.momentsContainer .momentsItem .momentsItemAuthor .buttons {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 71, ../sass/_moments.scss */
.momentsContainer .momentsItem .momentsResources {
  margin: 12px 0 12px 48px;
}
/* line 73, ../sass/_moments.scss */
.momentsContainer .momentsItem .momentsResources .momentMedia {
  margin-bottom: 12px;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 78, ../sass/_moments.scss */
.momentsContainer .momentsItem .momentsResources .images {
  width: 201px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
/* line 85, ../sass/_moments.scss */
.momentsContainer .momentsItem .layui-btn {
  width: 72px;
  margin-left: 16px;
}
/* line 89, ../sass/_moments.scss */
.momentsContainer .momentsItem .replyTitle {
  margin: 12px 0;
}
/* line 92, ../sass/_moments.scss */
.momentsContainer .momentsItem .replieItem {
  font-size: 12px;
  line-height: 20px;
}
/* line 95, ../sass/_moments.scss */
.momentsContainer .momentsItem .replieItem .replyUser {
  color: #0000FF;
  cursor: pointer;
}
/* line 101, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer {
  border-top: 1px solid #ccc;
  background: #fbfbfb;
}
/* line 104, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .publishContent {
  overflow: auto;
  width: 260px;
  border-right: 1px solid #ccc;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 110, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .publishRecords {
  overflow: auto;
}
/* line 113, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts {
  padding: 12px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 115, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .textDraft {
  word-break: break-all;
}
/* line 119, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .oneImageDraft img {
  width: 236px;
}
/* line 123, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .linkDraft {
  padding: 12px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background: #fff;
}
/* line 128, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .linkDraft .linkTitle {
  line-height: 22px;
}
/* line 131, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .linkDraft .linkDesc {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
/* line 139, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .linkDraft .linkDetail {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
/* line 143, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .linkDraft .linkDetail img {
  width: 30px;
  height: 30px;
  margin-left: 8px;
}
/* line 149, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .imagesDraft {
  width: 236px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
/* line 154, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .imagesDraft img {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 76px;
  height: 76px;
  object-fit: cover;
}
/* line 160, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .imagesDraft .layui-icon {
  font-size: 40px !important;
}
/* line 164, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .imgBox {
  position: relative;
  margin-right: 2px;
  margin-bottom: 2px;
  font-size: 0;
}
/* line 169, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .imgBox .layui-icon {
  cursor: pointer;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 56px;
  text-align: center;
}
/* line 181, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .imgBox .layui-icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* line 189, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts .imgBox:hover .layui-icon {
  display: block;
}
/* line 194, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .drafts video {
  width: 236px;
  outline: none;
}
/* line 199, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .sendRequests {
  margin-top: 12px;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 203, ../sass/_moments.scss */
.momentsContainer .publishMomentsContainer .change {
  margin-top: 8px;
  text-align: right;
  margin-bottom: 12px;
}
/* line 209, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer {
  border-top: 1px solid #ccc;
  background: #fbfbfb;
}
/* line 212, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .momentsGallery {
  overflow: auto;
  width: 295px;
  border-right: 1px solid #ccc;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 217, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .momentsGallery .activeMoment {
  background: #f2f2f2;
}
/* line 221, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .like, .momentsContainer .browseMomentsContainer .comments {
  margin-left: 24px;
}
/* line 223, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .like button, .momentsContainer .browseMomentsContainer .comments button {
  width: 72px;
}
/* line 227, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .like {
  -webkit-align-items: center;
  align-items: center;
}
/* line 229, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .like button {
  margin-right: 12px;
}
/* line 232, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .like .friendAvatar {
  width: 40px;
  height: 40px;
  background: #ccc;
  margin: 0 4px;
}
/* line 240, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .comments .subTitle {
  margin-left: 0;
}
/* line 243, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .comments .commentInput {
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
/* line 246, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .comments .commentText {
  width: 388px;
  height: 149px;
}
/* line 250, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .comments button {
  margin-left: 12px;
}
/* line 254, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .forwardDialog {
  width: 219px;
  height: 165px;
}
/* line 257, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .forwardDialog .forwardDialogContent {
  margin: 12px 0;
}
/* line 260, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .forwardDialog .dialogButtons {
  margin-top: 12px;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 263, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .forwardDialog .dialogButtons button {
  border-width: 1px;
  width: 58px;
  margin-right: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 268, ../sass/_moments.scss */
.momentsContainer .browseMomentsContainer .forwardDialog .dialogButtons button:hover {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 4, ../sass/_groupmanage.scss */
.routeContent {
  overflow: auto;
}

/* line 7, ../sass/_groupmanage.scss */
.listContainer {
  overflow: auto;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 10, ../sass/_groupmanage.scss */
.listContainer .recordItem {
  margin-bottom: 8px;
}
/* line 12, ../sass/_groupmanage.scss */
.listContainer .recordItem .recordItemInfo {
  margin-bottom: 12px;
}
/* line 14, ../sass/_groupmanage.scss */
.listContainer .recordItem .recordItemInfo img {
  width: 40px;
  height: 40px;
  background: #33ab9f;
  margin-right: 12px;
}
/* line 20, ../sass/_groupmanage.scss */
.listContainer .recordItem .recordItemInfo .serviceInfo {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 23, ../sass/_groupmanage.scss */
.listContainer .recordItem .recordItemInfo .serviceInfoDetail {
  height: 20px;
  line-height: 20px;
}
/* line 27, ../sass/_groupmanage.scss */
.listContainer .recordItem .recordItemInfo .serviceName {
  margin-right: 40px;
}
/* line 30, ../sass/_groupmanage.scss */
.listContainer .recordItem .recordItemInfo .sendTyeInfo {
  font-size: 12px;
}
/* line 33, ../sass/_groupmanage.scss */
.listContainer .recordItem .recordItemInfo .labels {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}
/* line 36, ../sass/_groupmanage.scss */
.listContainer .recordItem .recordItemInfo .labels .layui-badge {
  width: 58px;
  height: 22px;
  line-height: 22px;
  margin-right: 12px;
}
/* line 44, ../sass/_groupmanage.scss */
.listContainer .recordItem .targetsOperate {
  -webkit-align-items: center;
  align-items: center;
}
/* line 46, ../sass/_groupmanage.scss */
.listContainer .recordItem .targetsOperate .layui-progress {
  margin-right: 12px;
}
/* line 49, ../sass/_groupmanage.scss */
.listContainer .recordItem .targetsOperate .layui-btn {
  margin-left: 48px;
}
/* line 54, ../sass/_groupmanage.scss */
.listContainer .recordItem .tabs button {
  border-bottom: none;
}
/* line 58, ../sass/_groupmanage.scss */
.listContainer .recordItem .layui-btn {
  width: 58px;
}
/* line 61, ../sass/_groupmanage.scss */
.listContainer .recordItem .targetsList {
  border: 1px solid #ccc;
}
/* line 63, ../sass/_groupmanage.scss */
.listContainer .recordItem .targetsList .listItem:hover {
  background: none !important;
}

/* line 69, ../sass/_groupmanage.scss */
.welcomeContainer, .replyContainer, .manageContainer {
  overflow: auto;
}
/* line 71, ../sass/_groupmanage.scss */
.welcomeContainer .setSendInfo, .replyContainer .setSendInfo, .manageContainer .setSendInfo {
  width: 296px;
}
/* line 74, ../sass/_groupmanage.scss */
.welcomeContainer .welcomeOptions, .replyContainer .welcomeOptions, .manageContainer .welcomeOptions {
  padding: 12px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  overflow: auto;
}
/* line 78, ../sass/_groupmanage.scss */
.welcomeContainer .welcomeOptions .toggleOwner, .replyContainer .welcomeOptions .toggleOwner, .manageContainer .welcomeOptions .toggleOwner {
  margin-bottom: 12px;
}
/* line 81, ../sass/_groupmanage.scss */
.welcomeContainer .welcomeOptions .groupListTitle, .replyContainer .welcomeOptions .groupListTitle, .manageContainer .welcomeOptions .groupListTitle {
  margin: 12px 0;
}
/* line 84, ../sass/_groupmanage.scss */
.welcomeContainer .welcomeOptions .groupList, .replyContainer .welcomeOptions .groupList, .manageContainer .welcomeOptions .groupList {
  padding-right: 18px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
/* line 87, ../sass/_groupmanage.scss */
.welcomeContainer .welcomeOptions .groupList .listItem, .replyContainer .welcomeOptions .groupList .listItem, .manageContainer .welcomeOptions .groupList .listItem {
  padding: 0;
}
/* line 89, ../sass/_groupmanage.scss */
.welcomeContainer .welcomeOptions .groupList .listItem input, .replyContainer .welcomeOptions .groupList .listItem input, .manageContainer .welcomeOptions .groupList .listItem input {
  margin-right: 6px;
}
/* line 92, ../sass/_groupmanage.scss */
.welcomeContainer .welcomeOptions .groupList .listItem:hover, .replyContainer .welcomeOptions .groupList .listItem:hover, .manageContainer .welcomeOptions .groupList .listItem:hover {
  background: none !important;
}
/* line 98, ../sass/_groupmanage.scss */
.welcomeContainer .settingOption, .replyContainer .settingOption, .manageContainer .settingOption {
  width: 290px;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 24px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  padding-bottom: 0;
}
/* line 105, ../sass/_groupmanage.scss */
.welcomeContainer .settingOption .option, .replyContainer .settingOption .option, .manageContainer .settingOption .option {
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 24px;
}
/* line 108, ../sass/_groupmanage.scss */
.welcomeContainer .settingOption .option input, .replyContainer .settingOption .option input, .manageContainer .settingOption .option input {
  width: 72px;
  margin: 0 4px;
}
/* line 113, ../sass/_groupmanage.scss */
.welcomeContainer .settingOption .welcomeName input, .replyContainer .settingOption .welcomeName input, .manageContainer .settingOption .welcomeName input {
  width: 150px;
}
/* line 116, ../sass/_groupmanage.scss */
.welcomeContainer .settingOption .replies, .replyContainer .settingOption .replies, .manageContainer .settingOption .replies {
  overflow: auto;
}
/* line 118, ../sass/_groupmanage.scss */
.welcomeContainer .settingOption .replies .addQuickReply, .welcomeContainer .settingOption .replies .quickReplies, .replyContainer .settingOption .replies .addQuickReply, .replyContainer .settingOption .replies .quickReplies, .manageContainer .settingOption .replies .addQuickReply, .manageContainer .settingOption .replies .quickReplies {
  padding: 0;
}
/* line 122, ../sass/_groupmanage.scss */
.welcomeContainer .settingOption .submit, .replyContainer .settingOption .submit, .manageContainer .settingOption .submit {
  -webkit-justify-content: center;
  justify-content: center;
  margin: 24px 0 12px 0;
}
/* line 127, ../sass/_groupmanage.scss */
.welcomeContainer .welcomeList, .replyContainer .welcomeList, .manageContainer .welcomeList {
  border-top: 1px solid #ccc;
  padding: 24px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 130, ../sass/_groupmanage.scss */
.welcomeContainer .welcomeList .targetsOperate, .replyContainer .welcomeList .targetsOperate, .manageContainer .welcomeList .targetsOperate {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}

/* line 136, ../sass/_groupmanage.scss */
.releaseContainer .subTitle {
  margin: 24px 0 8px 24px;
}
/* line 139, ../sass/_groupmanage.scss */
.releaseContainer .releaseServiceAccounts {
  margin: 12px 0;
}
/* line 141, ../sass/_groupmanage.scss */
.releaseContainer .releaseServiceAccounts .serviceItem {
  padding-left: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 143, ../sass/_groupmanage.scss */
.releaseContainer .releaseServiceAccounts .serviceItem .deleteBox {
  width: 58px;
  height: 58px;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
/* line 148, ../sass/_groupmanage.scss */
.releaseContainer .releaseServiceAccounts .serviceItem .deleteBox i {
  display: none;
  font-size: 26px;
}
/* line 153, ../sass/_groupmanage.scss */
.releaseContainer .releaseServiceAccounts .serviceItem:hover {
  background: #f2f2f2 !important;
}
/* line 155, ../sass/_groupmanage.scss */
.releaseContainer .releaseServiceAccounts .serviceItem:hover .deleteBox i {
  display: block;
  cursor: pointer;
}
/* line 162, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions {
  width: 295px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  overflow: auto;
  padding-right: 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 168, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions .adHeader {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 170, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions .adHeader span {
  margin-top: 28px;
}
/* line 174, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions .settingOption {
  margin: 4px 24px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
}
/* line 179, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions .settingOption span {
  margin: 0 4px;
}
/* line 182, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions .settingOption .layui-input {
  width: 76px;
}
/* line 184, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions .settingOption .layui-input.warnTimes {
  width: 42px;
}
/* line 189, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions .settingType {
  margin-top: 24px;
}
/* line 192, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions .warnTimeOption {
  margin-right: 0;
}
/* line 195, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions .settingButtons {
  margin: 24px 0;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/* line 198, ../sass/_groupmanage.scss */
.releaseContainer .settingOptions .settingButtons button {
  width: 72px;
  text-align: center;
}
/* line 204, ../sass/_groupmanage.scss */
.releaseContainer .releaseListContainer {
  border-top: 1px solid #ccc;
}
/* line 206, ../sass/_groupmanage.scss */
.releaseContainer .releaseListContainer .tabs {
  margin-left: 24px;
}
/* line 208, ../sass/_groupmanage.scss */
.releaseContainer .releaseListContainer .tabs .tab {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 214, ../sass/_groupmanage.scss */
.releaseContainer .releaseListContainer .recordList {
  border: 1px solid #ccc;
  background: #fff;
  margin: 0 24px 24px 24px;
  overflow: auto;
  padding-right: 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 220, ../sass/_groupmanage.scss */
.releaseContainer .releaseListContainer .recordList .listItem:hover {
  background: none !important;
}
/* line 225, ../sass/_groupmanage.scss */
.releaseContainer .dialogOptions {
  overflow: auto;
  height: 180px;
}
/* line 229, ../sass/_groupmanage.scss */
.releaseContainer .messageOption, .releaseContainer .nicknameOption {
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 12px;
}
/* line 232, ../sass/_groupmanage.scss */
.releaseContainer .messageOption .inlineBlockSpan, .releaseContainer .nicknameOption .inlineBlockSpan {
  width: 98px;
  display: inline-block;
}
/* line 236, ../sass/_groupmanage.scss */
.releaseContainer .messageOption .layui-input, .releaseContainer .nicknameOption .layui-input {
  width: 160px;
  margin: 0 12px;
}
/* line 241, ../sass/_groupmanage.scss */
.releaseContainer .warnMessageTitle {
  margin: 16px 0 24px 0;
}
/* line 244, ../sass/_groupmanage.scss */
.releaseContainer .warnMessageText {
  resize: none;
  outline: none;
  height: 120px;
  width: 100%;
}
/* line 250, ../sass/_groupmanage.scss */
.releaseContainer .whiteListDialog {
  width: 380px;
  padding-bottom: 12px;
}
/* line 253, ../sass/_groupmanage.scss */
.releaseContainer .whiteListDialog .userList, .releaseContainer .whiteListDialog .whiteList {
  margin-top: 12px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
/* line 258, ../sass/_groupmanage.scss */
.releaseContainer .whiteListDialog .user {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-top: 8px;
  margin-right: 8px;
  width: 102px;
}
/* line 263, ../sass/_groupmanage.scss */
.releaseContainer .whiteListDialog .user img {
  width: 40px;
  height: 40px;
  background: #33ab9f;
  margin-right: 6px;
}
/* line 269, ../sass/_groupmanage.scss */
.releaseContainer .whiteListDialog .user .userName {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 273, ../sass/_groupmanage.scss */
.releaseContainer .whiteListDialog .listTitle {
  margin: 24px 0;
}
/* line 276, ../sass/_groupmanage.scss */
.releaseContainer .whiteListDialog .searchContainer {
  -webkit-align-items: center;
  align-items: center;
}
/* line 278, ../sass/_groupmanage.scss */
.releaseContainer .whiteListDialog .searchContainer .layui-input {
  margin: 0 8px;
  width: 160px;
}

/* line 286, ../sass/_groupmanage.scss */
.replyContainer .settingOption {
  overflow: auto;
}
/* line 289, ../sass/_groupmanage.scss */
.replyContainer .replies {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 293, ../sass/_groupmanage.scss */
.replyContainer .option .layui-input {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin-right: 12px !important;
}
/* line 297, ../sass/_groupmanage.scss */
.replyContainer .option .layui-btn {
  width: 58px;
}
/* line 302, ../sass/_groupmanage.scss */
.replyContainer .tabs .layui-btn {
  width: 72px !important;
}
/* line 307, ../sass/_groupmanage.scss */
.replyContainer .labels .layui-badge {
  margin: 0 6px 8px 0;
}
/* line 312, ../sass/_groupmanage.scss */
.replyContainer .targetsList .labels {
  margin: 12px 0 0 12px;
}

/* line 318, ../sass/_groupmanage.scss */
.manageContainer .settingOption {
  overflow: auto;
}
/* line 321, ../sass/_groupmanage.scss */
.manageContainer .welcomeOptions {
  padding: 0;
}
/* line 324, ../sass/_groupmanage.scss */
.manageContainer .groupList {
  overflow: auto;
  padding-left: 2px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 328, ../sass/_groupmanage.scss */
.manageContainer .listHead {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-right: 24px;
}
/* line 332, ../sass/_groupmanage.scss */
.manageContainer .listHead .subTitle {
  line-height: 26px;
}
/* line 335, ../sass/_groupmanage.scss */
.manageContainer .listHead input {
  width: 180px;
  height: 26px;
  margin: 0 12px;
}
/* line 340, ../sass/_groupmanage.scss */
.manageContainer .listHead .searchMember {
  padding-right: 26px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-image: url('/images/search.png');
  background-position: top 3px right 3px;
  background-repeat: no-repeat;
  background-size: 20px;
}
/* line 348, ../sass/_groupmanage.scss */
.manageContainer .listContainer {
  border: 1px solid #ccc;
  padding: 12px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}
/* line 353, ../sass/_groupmanage.scss */
.manageContainer .listContainer .listItem {
  width: 250px;
  margin-bottom: 8px;
}
/* line 356, ../sass/_groupmanage.scss */
.manageContainer .listContainer .listItem .userOperate {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 358, ../sass/_groupmanage.scss */
.manageContainer .listContainer .listItem .userOperate button {
  width: 58px;
  margin: 2px 8px;
}
/* line 364, ../sass/_groupmanage.scss */
.manageContainer .listContainer .listItem:hover {
  background: none !important;
}
/* line 368, ../sass/_groupmanage.scss */
.manageContainer .dismissDialog {
  width: 280px;
  height: 150px;
}
/* line 371, ../sass/_groupmanage.scss */
.manageContainer .dismissDialog .dismissText {
  margin-top: 12px;
  text-align: center;
}
/* line 376, ../sass/_groupmanage.scss */
.manageContainer .deleteUserDialog {
  width: 280px;
  height: 320px;
}
/* line 379, ../sass/_groupmanage.scss */
.manageContainer .deleteUserDialog .dismissText {
  margin: 12px 0;
}
/* line 382, ../sass/_groupmanage.scss */
.manageContainer .deleteUserDialog .dialogUserlist {
  height: 150px;
  overflow: auto;
}
/* line 385, ../sass/_groupmanage.scss */
.manageContainer .deleteUserDialog .dialogUserlist .listItem:hover {
  background: none !important;
}
/* line 388, ../sass/_groupmanage.scss */
.manageContainer .deleteUserDialog .dialogUserlist input {
  margin-right: 6px;
}

/* line 395, ../sass/_groupmanage.scss */
.chatContainer .chartsData {
  border-top: 1px solid #ccc;
  overflow: auto;
  padding: 24px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 399, ../sass/_groupmanage.scss */
.chatContainer .chartsData .chartTitle {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
/* line 402, ../sass/_groupmanage.scss */
.chatContainer .chartsData .chartTitle .clickedSpan {
  margin-left: 12px;
  margin-right: 24px;
}
/* line 407, ../sass/_groupmanage.scss */
.chatContainer .chartsData .chartProfile {
  -webkit-justify-content: space-around;
  justify-content: space-around;
  margin-top: 24px;
}
/* line 411, ../sass/_groupmanage.scss */
.chatContainer .chartsData .profileItem {
  border: 1px solid #ccc;
  font-size: 16px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
}
/* line 417, ../sass/_groupmanage.scss */
.chatContainer .chartsData .profileItem span {
  margin: 12px;
}
/* line 421, ../sass/_groupmanage.scss */
.chatContainer .chartsData .insideItem {
  height: 100%;
  border-left: 1px solid #ccc;
}
/* line 424, ../sass/_groupmanage.scss */
.chatContainer .chartsData .insideItem div {
  flex: 1;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 6px 8px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 432, ../sass/_groupmanage.scss */
.chatContainer .chartsData .leftProfile {
  -webkit-align-items: center;
  align-items: center;
}
/* line 435, ../sass/_groupmanage.scss */
.chatContainer .chartsData .borderBt {
  border-bottom: 1px solid #ccc;
}
/* line 438, ../sass/_groupmanage.scss */
.chatContainer .chartsData .chartHeader {
  margin-top: 24px;
  -webkit-align-items: center;
  align-items: center;
}
/* line 441, ../sass/_groupmanage.scss */
.chatContainer .chartsData .chartHeader .subTitle {
  margin-bottom: 0;
}
/* line 444, ../sass/_groupmanage.scss */
.chatContainer .chartsData .chartHeader .range {
  margin: 0 6px;
  width: 48px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #ccc;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
/* line 452, ../sass/_groupmanage.scss */
.chatContainer .chartsData .chartHeader .range.active {
  border-color: #1E9FFF;
}
/* line 456, ../sass/_groupmanage.scss */
.chatContainer .chartsData .chartHeader .layui-form-mid {
  margin-left: 10px;
}
/* line 460, ../sass/_groupmanage.scss */
.chatContainer .chartsData .charts {
  height: 300px;
  margin-top: 24px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 465, ../sass/_groupmanage.scss */
.chatContainer .chartsData .tableHeader {
  margin: 24px 0;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 469, ../sass/_groupmanage.scss */
.chatContainer .chartsData .tableHeader .subTitle {
  margin-bottom: 0;
}

/* line 7, ../sass/_statistic.scss */
.statisticContainer .inviteContainer .operateRow .clickedSpan {
  margin-left: 8px;
}
/* line 12, ../sass/_statistic.scss */
.statisticContainer .tableData {
  border-top: 1px solid #ccc;
  overflow: auto;
  padding: 24px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 16, ../sass/_statistic.scss */
.statisticContainer .tableData .layui-table {
  overflow: auto;
}

/* line 5, ../sass/_addressBook.scss */
.addressBookContainer .multiUpload {
  margin: 24px;
}
/* line 8, ../sass/_addressBook.scss */
.addressBookContainer .upload {
  width: 58px;
  position: relative;
}
/* line 11, ../sass/_addressBook.scss */
.addressBookContainer .upload input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 20, ../sass/_addressBook.scss */
.addressBookContainer .friendList {
  width: 295px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  overflow: auto;
  padding: 24px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 26, ../sass/_addressBook.scss */
.addressBookContainer .friendList .radios {
  margin-bottom: 16px;
}
/* line 28, ../sass/_addressBook.scss */
.addressBookContainer .friendList .radios input {
  margin-right: 4px;
}
/* line 31, ../sass/_addressBook.scss */
.addressBookContainer .friendList .radios label {
  margin-right: 12px;
}
/* line 35, ../sass/_addressBook.scss */
.addressBookContainer .friendList .lebleOperate {
  margin: 16px 0;
  -webkit-align-items: center;
  align-items: center;
}
/* line 38, ../sass/_addressBook.scss */
.addressBookContainer .friendList .lebleOperate span {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 8px;
}
/* line 42, ../sass/_addressBook.scss */
.addressBookContainer .friendList .lebleOperate .layui-btn {
  width: 58px;
  margin-left: 8px;
}
/* line 47, ../sass/_addressBook.scss */
.addressBookContainer .friendList .listItem:hover {
  background: none !important;
}
/* line 51, ../sass/_addressBook.scss */
.addressBookContainer .importAddressBookContainer {
  border-top: 1px solid #ccc;
  overflow: auto;
  padding: 24px 24px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 55, ../sass/_addressBook.scss */
.addressBookContainer .importAddressBookContainer .desc {
  margin: 8px 0;
}
/* line 57, ../sass/_addressBook.scss */
.addressBookContainer .importAddressBookContainer .desc button {
  margin-left: 12px;
}
/* line 61, ../sass/_addressBook.scss */
.addressBookContainer .importAddressBookContainer .importContainer {
  margin-top: 24px;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 66, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog {
  width: 620px;
  height: 364px;
}
/* line 69, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog .setSendInfo {
  width: 100%;
  background: none;
}
/* line 72, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog .setSendInfo .infoTitle, .addressBookContainer .addressBookDialog .setSendInfo .serviceListCheck {
  margin-left: 0;
  margin-bottom: 8px;
}
/* line 76, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog .setSendInfo .serviceListCheck {
  margin-top: -8px;
}
/* line 79, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog .setSendInfo .chooseService {
  margin-left: 0;
  margin-bottom: 8px;
  border: 1px solid #ccc;
}
/* line 84, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog .setSendInfo .serviceListChecked {
  margin-left: 0;
  min-height: 100px;
  width: 100%;
}
/* line 88, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog .setSendInfo .serviceListChecked .checkedList {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
/* line 96, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog .upload {
  margin-left: 12px;
}
/* line 99, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog .fontGrey {
  margin: 8px 0;
}
/* line 102, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog .submitContainer {
  text-align: center;
}
/* line 105, ../sass/_addressBook.scss */
.addressBookContainer .addressBookDialog .confirmImport {
  width: 58px;
  margin-top: 16px;
}

/* line 15, ../sass/index.scss */
html, body {
  height: 100%;
  font-size: 14px;
}

/* line 19, ../sass/index.scss */
.layui-nav-item {
  margin-left: 8px;
}
/* line 21, ../sass/index.scss */
.layui-nav-item .head-icon {
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  margin-right: 5px;
}

/* line 28, ../sass/index.scss */
.main-layout-body {
  height: 100%;
  margin-top: -60px;
  padding-top: 60px;
  box-sizing: border-box;
}

/* line 34, ../sass/index.scss */
.listItem {
  cursor: default;
  height: 58px;
  padding: 0 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding-right: 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 41, ../sass/index.scss */
.listItem .listItemAvatar {
  width: 40px;
  height: 40px;
  margin-right: 4px;
  background: #33ab9f;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 48, ../sass/index.scss */
.listItem .listItemInfo {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  min-width: 0;
}
/* line 52, ../sass/index.scss */
.listItem .listItemInfo .listItemName {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
}
/* line 57, ../sass/index.scss */
.listItem .listItemInfo .listItemTopInfo {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 6px;
}
/* line 62, ../sass/index.scss */
.listItem .listItemInfo .listItemBottomInfo {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 12px;
  color: #999;
}
/* line 67, ../sass/index.scss */
.listItem .listItemInfo .listItemTopInfoIcon {
  width: 18px;
  height: 14px;
  background-image: url('/images/alwaystop.png');
  background-size: cover;
  cursor: pointer;
}
/* line 74, ../sass/index.scss */
.listItem .listItemInfo .editServiceInfo {
  background-image: url('/images/editServiceInfo.png');
}
/* line 78, ../sass/index.scss */
.listItem.active, .listItem:hover {
  background: #ccc !important;
}

/* line 82, ../sass/index.scss */
.quickReply {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

/* line 85, ../sass/index.scss */
.quickReplyTitle {
  padding: 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px 0;
  height: 36px;
  line-height: 36px;
  border-top: 1px solid #ccc;
}

/* line 92, ../sass/index.scss */
.quickReplies {
  padding: 0 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  border-bottom: 1px solid #ccc;
}
/* line 96, ../sass/index.scss */
.quickReplies .replyContent {
  margin-bottom: 16px;
}
/* line 99, ../sass/index.scss */
.quickReplies .linkReply {
  padding: 4px 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff;
}
/* line 104, ../sass/index.scss */
.quickReplies .linkReply .linkTitle {
  height: 24px;
  line-height: 24px;
}
/* line 108, ../sass/index.scss */
.quickReplies .linkReply .linkContent {
  height: 32px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
/* line 113, ../sass/index.scss */
.quickReplies .linkReply .linkDesc {
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
/* line 116, ../sass/index.scss */
.quickReplies .linkReply .linkCover {
  width: 30px;
  height: 30px;
  background: #33ab9f;
}
/* line 123, ../sass/index.scss */
.quickReplies .imageReply img {
  width: 40px;
  height: auto;
  background: #33ab9f;
  min-height: 40px;
}

/* line 131, ../sass/index.scss */
.addQuickReply {
  padding: 12px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 133, ../sass/index.scss */
.addQuickReply button {
  margin: 5px;
}

/* line 137, ../sass/index.scss */
.textQuickReplyDialog, .linkQuickReplyDialog, .imageQuickReplyDialog, .cardQuickReplyDialog, .documentsQuickReplyDialog, .videoQuickReplyDialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 370px;
  height: 300px;
  background: #fff;
  border: 1px solid #ccc;
}
/* line 146, ../sass/index.scss */
.textQuickReplyDialog .dialogHead, .linkQuickReplyDialog .dialogHead, .imageQuickReplyDialog .dialogHead, .cardQuickReplyDialog .dialogHead, .documentsQuickReplyDialog .dialogHead, .videoQuickReplyDialog .dialogHead {
  height: 40px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  padding: 14px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 156, ../sass/index.scss */
.textQuickReplyDialog .editForm, .linkQuickReplyDialog .editForm, .imageQuickReplyDialog .editForm, .cardQuickReplyDialog .editForm, .documentsQuickReplyDialog .editForm, .videoQuickReplyDialog .editForm {
  padding: 0 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 158, ../sass/index.scss */
.textQuickReplyDialog .editForm .editFormItem, .linkQuickReplyDialog .editForm .editFormItem, .imageQuickReplyDialog .editForm .editFormItem, .cardQuickReplyDialog .editForm .editFormItem, .documentsQuickReplyDialog .editForm .editFormItem, .videoQuickReplyDialog .editForm .editFormItem {
  margin: 8px 0;
}
/* line 160, ../sass/index.scss */
.textQuickReplyDialog .editForm .editFormItem .clickedSpan, .linkQuickReplyDialog .editForm .editFormItem .clickedSpan, .imageQuickReplyDialog .editForm .editFormItem .clickedSpan, .cardQuickReplyDialog .editForm .editFormItem .clickedSpan, .documentsQuickReplyDialog .editForm .editFormItem .clickedSpan, .videoQuickReplyDialog .editForm .editFormItem .clickedSpan {
  position: relative;
  margin-left: 50px;
  padding: 6px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
/* line 165, ../sass/index.scss */
.textQuickReplyDialog .editForm .editFormItem .clickedSpan input, .linkQuickReplyDialog .editForm .editFormItem .clickedSpan input, .imageQuickReplyDialog .editForm .editFormItem .clickedSpan input, .cardQuickReplyDialog .editForm .editFormItem .clickedSpan input, .documentsQuickReplyDialog .editForm .editFormItem .clickedSpan input, .videoQuickReplyDialog .editForm .editFormItem .clickedSpan input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
/* line 175, ../sass/index.scss */
.textQuickReplyDialog .editForm .editFormItem input[type='radio'], .linkQuickReplyDialog .editForm .editFormItem input[type='radio'], .imageQuickReplyDialog .editForm .editFormItem input[type='radio'], .cardQuickReplyDialog .editForm .editFormItem input[type='radio'], .documentsQuickReplyDialog .editForm .editFormItem input[type='radio'], .videoQuickReplyDialog .editForm .editFormItem input[type='radio'] {
  margin-right: 4px;
}
/* line 179, ../sass/index.scss */
.textQuickReplyDialog .editForm .formLabel, .linkQuickReplyDialog .editForm .formLabel, .imageQuickReplyDialog .editForm .formLabel, .cardQuickReplyDialog .editForm .formLabel, .documentsQuickReplyDialog .editForm .formLabel, .videoQuickReplyDialog .editForm .formLabel {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 182, ../sass/index.scss */
.textQuickReplyDialog .editForm .avatarEdit, .linkQuickReplyDialog .editForm .avatarEdit, .imageQuickReplyDialog .editForm .avatarEdit, .cardQuickReplyDialog .editForm .avatarEdit, .documentsQuickReplyDialog .editForm .avatarEdit, .videoQuickReplyDialog .editForm .avatarEdit {
  -webkit-align-items: center;
  align-items: center;
}
/* line 185, ../sass/index.scss */
.textQuickReplyDialog .editForm img, .linkQuickReplyDialog .editForm img, .imageQuickReplyDialog .editForm img, .cardQuickReplyDialog .editForm img, .documentsQuickReplyDialog .editForm img, .videoQuickReplyDialog .editForm img {
  width: 38px;
  height: 38px;
  background: #33ab9f;
}
/* line 191, ../sass/index.scss */
.textQuickReplyDialog .submitInfo, .linkQuickReplyDialog .submitInfo, .imageQuickReplyDialog .submitInfo, .cardQuickReplyDialog .submitInfo, .documentsQuickReplyDialog .submitInfo, .videoQuickReplyDialog .submitInfo {
  width: 72px;
  margin-top: 16px;
  height: 38px;
  -webkit-align-self: center;
  align-self: center;
}
/* line 196, ../sass/index.scss */
.textQuickReplyDialog .submitInfo:hover, .linkQuickReplyDialog .submitInfo:hover, .imageQuickReplyDialog .submitInfo:hover, .cardQuickReplyDialog .submitInfo:hover, .documentsQuickReplyDialog .submitInfo:hover, .videoQuickReplyDialog .submitInfo:hover {
  height: 38px;
  margin-top: 16px;
}

/* line 202, ../sass/index.scss */
.textQuickReplyDialog, .imageQuickReplyDialog {
  width: 260px;
  height: 275px;
}
/* line 205, ../sass/index.scss */
.textQuickReplyDialog .existLabels, .imageQuickReplyDialog .existLabels {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 207, ../sass/index.scss */
.textQuickReplyDialog .existLabels span, .imageQuickReplyDialog .existLabels span {
  margin: 0 8px 8px 0;
}

/* line 213, ../sass/index.scss */
.textQuickReplyDialog .editFormItem {
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 140px;
}

/* line 219, ../sass/index.scss */
.linkQuickReplyDialog {
  width: 260px;
  height: 310px;
}
/* line 222, ../sass/index.scss */
.linkQuickReplyDialog .editFormItem input, .linkQuickReplyDialog .editFormItem textarea {
  width: 100%;
}
/* line 225, ../sass/index.scss */
.linkQuickReplyDialog .submitInfo {
  margin-top: 0;
}
/* line 227, ../sass/index.scss */
.linkQuickReplyDialog .submitInfo:hover {
  margin-top: 0;
}
/* line 231, ../sass/index.scss */
.linkQuickReplyDialog textarea {
  resize: none;
  border: 1px solid #ccc;
  height: 60px;
  padding: 6px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 239, ../sass/index.scss */
.imageQuickReplyDialog .editFormItem, .videoQuickReplyDialog .editFormItem {
  -webkit-align-items: center;
  align-items: center;
}
/* line 242, ../sass/index.scss */
.imageQuickReplyDialog .clickedSpan, .videoQuickReplyDialog .clickedSpan {
  left: -50%;
  transform: translateX(50%);
  margin-top: 12px;
}
/* line 247, ../sass/index.scss */
.imageQuickReplyDialog .submitInfo, .videoQuickReplyDialog .submitInfo {
  margin-top: 0;
}
/* line 249, ../sass/index.scss */
.imageQuickReplyDialog .submitInfo:hover, .videoQuickReplyDialog .submitInfo:hover {
  margin-top: 0;
}
/* line 253, ../sass/index.scss */
.imageQuickReplyDialog img, .videoQuickReplyDialog img {
  width: 120px !important;
  height: 120px !important;
  object-fit: cover;
}
/* line 258, ../sass/index.scss */
.imageQuickReplyDialog video, .videoQuickReplyDialog video {
  background: #f1f1f1;
  height: 150px;
  outline: none;
}

/* line 264, ../sass/index.scss */
.cardQuickReplyDialog {
  width: 260;
  height: 370px;
}
/* line 268, ../sass/index.scss */
.cardQuickReplyDialog .editFormItem input {
  margin-left: 16px;
}
/* line 271, ../sass/index.scss */
.cardQuickReplyDialog .editFormItem input[type='text'] {
  height: 36px;
  line-height: 36px;
  width: 300px;
  padding: 0 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 278, ../sass/index.scss */
.cardQuickReplyDialog .userItem {
  margin-bottom: 10px;
  padding: 8px 5px;
  cursor: pointer;
}
/* line 282, ../sass/index.scss */
.cardQuickReplyDialog .userItem .wxidInfo, .cardQuickReplyDialog .userItem .editCardName {
  width: 100px;
}
/* line 285, ../sass/index.scss */
.cardQuickReplyDialog .userItem.activeFriend {
  background: #e6e6e6;
}
/* line 289, ../sass/index.scss */
.cardQuickReplyDialog .cardInfo {
  margin-left: 16px !important;
  overflow: auto;
  height: 160px;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 294, ../sass/index.scss */
.cardQuickReplyDialog .cardInfo img {
  width: 40px;
  height: 40px;
  margin-right: 6px;
  background: #33ab9f;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 301, ../sass/index.scss */
.cardQuickReplyDialog .cardInfo .editCardName {
  margin-bottom: 8px;
}

/* line 306, ../sass/index.scss */
.dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 370px;
  height: 300px;
  background: #fff;
  border: 1px solid #ccc;
}
/* line 315, ../sass/index.scss */
.dialog .dialogHead {
  height: 40px;
  font-size: 16px;
  margin-bottom: 8px;
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  padding: 14px 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* line 325, ../sass/index.scss */
.dialog .editForm {
  padding: 0 16px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 327, ../sass/index.scss */
.dialog .editForm .editFormItem {
  margin: 8px 0;
}
/* line 329, ../sass/index.scss */
.dialog .editForm .editFormItem .clickedSpan {
  position: relative;
  margin-left: 50px;
  padding: 6px 6px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-align-self: flex-end;
  align-self: flex-end;
}
/* line 334, ../sass/index.scss */
.dialog .editForm .editFormItem .clickedSpan input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
/* line 344, ../sass/index.scss */
.dialog .editForm .editFormItem input[type='radio'] {
  margin-right: 4px;
}
/* line 348, ../sass/index.scss */
.dialog .editForm .formLabel {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/* line 351, ../sass/index.scss */
.dialog .editForm .avatarEdit {
  -webkit-align-items: center;
  align-items: center;
}
/* line 354, ../sass/index.scss */
.dialog .editForm img {
  width: 38px;
  height: 38px;
  background: #33ab9f;
}
/* line 360, ../sass/index.scss */
.dialog .submitInfo {
  width: 72px;
  margin-top: 16px;
  height: 38px;
  -webkit-align-self: center;
  align-self: center;
}
/* line 365, ../sass/index.scss */
.dialog .submitInfo:hover {
  height: 38px;
  margin-top: 16px;
}
